* {
    margin: 0;
    padding: 0;
}

.topnav {
    width: 100%;
    height: 42px;
    background-color: #ddd;
}

.top-title {
    width: 980px;
    height: 1px;
    background-color: #ddd;
    margin: 80px auto 40px auto;
    position: relative;

    h2 {
        position: absolute;
        display: inline;
        height: 40px;
        line-height: 40px;
        width: 140px;
        background-color: #fff;
        left: 420px;
        top: -20px;
        text-align: center;
        font-size: 38px;
    }
}

.login-top {
    width: 100%;
    height: 86px;
    background-color: #00a0d8;
    text-align: center;
    vertical-align: middle;
}

.main {
    width: 980px;
    margin: 0 auto;

    .left {
        width: 489px;
        float: left;
        text-align: center;

        img {
            height: 190px;
        }

        #app {
            display: none;
        }

        .bottom {
            width: 480px;
            height: 155px;
            background: url(../images/login.app.bg.png) no-repeat center;

            p {
                font-size: 14px;
                color: #717171;
                line-height: 26px;
                font-weight: 700;

                a {
                    color: #00a1d6;
                    text-decoration: none;
                }
            }

            .ewm-text {
                line-height: 50px;
                font-size: 18px;
                color: #222;
            }
        }
    }

    .line {
        margin-top: 15px;
        float: left;
        width: 1px;
        height: 300px;
        background-color: #ddd;
    }

    .right {
        float: left;
        padding-left: 45px;
        width: 445px;
        height: 320px;

        #login-username,
        #login-passwd {
            width: 388px;
            border: 1px solid #ddd;
            // border: 1px solid #f66495;
            border-radius: 2px;
            color: #aaa;
            font-size: 14px;
            padding: 10px;
            height: 18px;
            vertical-align: middle;
            border-radius: 4px;
            outline: none;
        }
        .check-msg {
            height: 20px;
            line-height: 20px;
            padding-left: 5px;
            margin: 6px 0;
            color:#f66495;
            font-size: 12px;
            font-weight: 700;
        }
        .remember {
            margin: 20px 0 15px 0;
            font-size: 12px;

            span {
                color: #bbb;
                margin-left: 20px;
                margin-right: 30px;
            }
            a {
                color:#00a1d6;
                margin-left: 8px;
                text-decoration: none;
            }
        }
        .btn-box {
            a {
                display: inline-block;
                text-decoration: none;
                text-align: center;
                width: 186px;
                height: 38px;
                line-height: 38px;
                border-radius: 2px;
                font-size:14px;
                font-weight: 700;
            }
            .btn-login {
                background-color: #00a7de;
                border:1px solid #0381aa;
                color: #fff;
            }
            .btn-login:hover {
                background-color: #00afde;
            }
            .btn-reg {
                background-color: #fff;
                border:1px solid #ccc;
                color: #000;
                margin-left: 28px;
            }
            .btn-reg:hover{
                background-color: #efefef;
            }
        }
        .sns {
            margin: 10px 0;
            img {
                width: 21px;
                vertical-align: middle;
            }

            a {
                margin-left: 5px;
                margin-right: 20px;
                font-size:12px;
                color:#727171;
                text-decoration: none;
                line-height: 21px;
            }
        }
    }
}


// 设置滑动验证模块

.slide-box{
    position: relative;
}
.slide-img-block {
    display: none;
    position: absolute;
    left: 0;
    bottom: 25px;

}
